import React from 'react'
import { Row, Col } from 'antd';
import Base64Com from './com'
import ImageCoding from './imageCoding'
import ImageDecoding from './imageDecoding'

const Base64 = function() {
  return (
    <Row gutter={16}>
      <Col className="gutter-row" span={2}>
        Base64
      </Col>
      <Col className="gutter-row" span={22}>
        <Base64Com title='编码' type='encode'></Base64Com>
        <Base64Com title='解码' type='decode'></Base64Com>
        <Base64Com title='HEX编码' type='hexEncode'></Base64Com>
        <Base64Com title='HEX编码' type='hexDecode'></Base64Com>
        <ImageCoding></ImageCoding>
        <ImageDecoding></ImageDecoding>
      </Col>
    </Row>
  )
}

export default Base64